<template>
  <el-dropdown
    trigger="click"
    @command="fontsize"
  >
    <span class="iconfont fonticon icon-zitidaxiao"></span>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item command="large"><span class="iconfont icon-kaishi"></span>超大</el-dropdown-item>
        <el-dropdown-item command="default" disabled><span class="iconfont icon-kaishi"></span>默认</el-dropdown-item>
        <el-dropdown-item command="small"><span class="iconfont icon-kaishi"></span>较小</el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    fontsize(e) {
      //全局字体大小
      this.$emit("fontsizeS", e);
    },
  },
};
</script>

<style lang="less" scoped>
.fonticon {
  margin: 0 15px;
}
</style>
